<div class='content'>
	<h2>bootstrap项目简介</h2>
	<p><b><a target="_blank" href="http://getbootstrap.com/" class="navbar-brand">Bootstrap</a>(Currently v3.3.6) 简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。</b>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.</p>
	<img src='data/html/images/bootHome.gif'>
	<p>Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。</p>
	<p>Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。</p>
	<p><b class=red>Bootstrap 尤其适用于将思想的闪光点快速转变为 Web 项目。</b>Bootstrap 为你我这样忙于写网站的人彻底解决了用户界面的问题。</p>
	<p>bootstrap3放弃了IE7和ff3版本的支持，支持现代浏览器。</p>
	<p>Bootstrap 不能取代设计师，相反，它是设计师手中的利器，也拓展了设计师的想象空间。</p>

	
		<h2>主要内容</h2>
<pre>
css样式：设置全局CSS样式，基本的HTML元素均可以通过class设置样式并得到增强效果，还有先进的栅格系统。
css组件：无数可复用的组件，包括图标，下拉菜单，导航，警告框，弹出框等更多功能。
js插件：jQuery插件为Bootstrap的组件赋予了“生命”。可以简单地一次性引入所有插件，或者单个引入到你的页面。
</pre>
	
	
	
	
	<h2>参考资料</h2>
	<p>文档：<a href="http://getbootstrap.com/getting-started/" class="external text" rel="nofollow" title='' target="_blank">英文官网</a>  | <a href="http://www.bootcss.com/" class="external text" rel="nofollow" title='' target="_blank">中文官网</a></p>
	<p>拖拽编辑器：<a target='_blank' href='http://www.runoob.com/try/bootstrap/layoutit/'>Bootstrap拖拽</a> <span class=red>[鼎力推荐]</span></p>
	<p>实例参考：<a target='_blank' href='http://expo.bootcss.com/'>Bootstrap站点精选</a>，
		<a target='_blank' href='http://www.cssmoban.com/cssthemes/5982.shtml' title="精品漂亮大气html5后台界面管理模">Bootstrap后台管理模版</a>，
		<a target='_blank' href='http://www.cssmoban.com/tags.asp?n=%E5%90%8E%E5%8F%B0'>Bootstrap后台模版</a>
	</p>

	
	
	
	<h2>初步架构</h2>
	<h3>准备知识：</h3>
	<p>Bootstrap(简称bt) 以 LESS 项目为基础，Less 快速入门：http://www.runoob.com/manual/lessguide/.</p>
	<p>Bootstrap 4 alpha <b class=red>Moved from Less to Sass</b>. http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/</p>
	<p>bootstrap依赖于jQ，所以jQ要在bt引入前引入文件。</p>

<h3>文件引入</h3>
<pre>
你们可以根据实际情况在此基础上进行扩展，只需要确保文件引用顺序一致即可。
最基本的HTML模板。

&lt;!-- 新 Bootstrap 核心 CSS 文件 -->
&lt;link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

&lt;!-- 可选的Bootstrap主题文件（一般不用引入） -->
&lt;link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

&lt;!--你自己的样式文件 -->
&lt;link href="css/your-style.css" rel="stylesheet">

bootstrap模板为使IE6、7、8版本（IE9以下版本）浏览器兼容html5新增的标签，引入下面代码文件即可。
&lt;script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js">&lt;/script>

同理为使IE6、7、8版本浏览器兼容css3样式，引入下面代码：
&lt;script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js">&lt;/script>

	
<b>在body底部引入：</b>
&lt;!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
&lt;script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js">&lt;/script>

&lt;!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
&lt;script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js">&lt;/script>
</pre>

	<h2>核心参考</h2>
	<img src='data/html/images/bootGrid.gif'>
	

</div>